/**
 * Created by xiangjiayu on 2017/7/19.
 */

import React from 'react';
import {Table, Icon,Button,Row,Col,Input,Select,DatePicker,Modal,Popconfirm,message} from 'antd';
import MyIcon from '../../components/common/MyIcon/MyIcon';
import AddressSelect from '../../components/common/AddressSelect/AddressSelect';


//常用组件引用
const ButtonGroup = Button.Group;       //组合按钮
const Option = Select.Option;           //下拉框
const Search = Input.Search;    //搜所框

export default class ModalOrder extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            //弹窗
            ModalDistribution: false,
        };
    }
    //弹窗
        //分配
    showModalDistribution(ModalDistribution) {
        this.setState({ ModalDistribution });
    }
    //弹窗-end
    render(){
        return(
            <div className="modal-example-cont">
                {/*分配订单*/}
                <Button onClick={() => this.showModalDistribution(true)}>分配订单</Button>
                <Modal
                            title="分配订单"
                            wrapClassName="vertical-center-modal"
                            visible={this.state.ModalDistribution}
                            onCancel={() => this.showModalDistribution(false)}
                            width="570 + 32"
                            okText="确认分配"
                            cancelText="取消"
                        >
                            <Search
                                placeholder="搜索公司名"
                                size="large"
                            />
                            <div className="distribution-name">
                                <ul>
                                    <li className="active">快易洁</li>
                                    <li>本木到家</li>
                                    <li>本木到家</li>
                                    <li>本木到家</li>
                                    <li>本木到家</li>
                                    <li>本木到家</li>
                                    <li>本木到家</li>
                                    <li>本木到家</li>
                                    <li>本木到家</li>
                                </ul>
                            </div>
                        </Modal>
            </div>

        )
    }
}